<!-- NAVIGATION -->
<style>
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 12rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.belling:hover ul {  /* 下拉菜单样式 */
        display: block;
    }

#mybelling > ul >.belling > ul > li:hover{
    background:rgb(245,245,245);
    color:#fff;
}
.logo img {width:125px !important;height:50px !important;}
</style>
<nav id="navigation" class="white-nav shrink border hover modern hover4 radius-drop" data-offset="5" style="height:70px;">
    <!-- Columns -->
    <div class="columns clearfix container-xl" style="font-size: 16px;">
        <div class=" common-box">
            <!-- Logo -->
            <h1 class="logo" style="margin-top: 35px;">
                <a href="{$local_host}" title="{$footcompany.web_site_title}">
                    <img src="{$footcompany.web_site_log}" data-second-logo="{$footcompany.web_site_log}"" alt="{$footcompany.web_site_title}">
                    <!-- Retina Logo -->
                    <img src="{$footcompany.web_site_log}" data-second-logo="{$footcompany.web_site_log}" class="retina-logo" alt="{$footcompany.web_site_title}">
                </a>
            </h1>
            <!-- Navigation Menu -->
            <div class="nav-menu" style="display: block;">
                <ul class="nav clearfix uppercase" style="float:left;">
                    {foreach name="navigation" item="cb"}
                    <li class=""><a href="{$cb.title}" {if condition="$cb['is_open'] == 1"}  target="_blank" {/if}>{$cb.name}</a></li>
                    {/foreach}                           
                </ul>
            </div>
            <div class="" id="mybelling" style="display: block;float:right;">
                <ul class="nav clearfix uppercase">
                    {if condition="$Think.session.email eq ''"}
                        {if condition="$register.value eq '1'"}
                    <li class=""><a href="/user/register" style="padding-right: 1px;">注册</a></li>
                        {/if}
                    <li class=""><a href="/user/login" style="padding-left: 15px;">登录</a></li>     
                    {else/}
                    <li class="dropdown belling">
                        <a href="/my/index" class="">
                         <span class=""><img style="width:45px;height:45px;border-radius: 30px" src="{$Think.session.headimg}" alt=""></span>
                        </a>
                        <ul class="dropdown-menu" style=" width: 6rem; ">
                            <!-- <li style="font-size:28px !important;"><a href="/user/example_index.html"><i class="fa fa-user fa-fw"></i>会员中心</a></li> -->
                            <li><a href="/my/index"><i class="fa fa-home fa-fw"></i>个人中心</a></li>
                            <li><a href="/user/logout"><i class="fa fa-sign-out fa-fw"></i>退出</a></li>
                        </ul>
                    </li> 
                    {/if}               
                </ul>
            </div>
         </div>
        <!-- End Navigation Menu -->
    </div>
    <!-- End Columns -->
</nav>

